<!DOCTYPE html>
<html class="borderbox" lang="zh-cn">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>青否云</title>
    <meta name="Description" content="青否云">
    <meta name="Keywords" content="青否云">
    <link rel="stylesheet" href="./css/typo.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/play.built.f82c0c2f.cache.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/kefu.js"></script>
    <style type="text/css">
    .swiper-pagination-bullet-active {
        opacity: .9;
        background: #fff;
    }
    
    </style>
    <script>
    window.STATIC_URL = "https://mcache.ifanr.cn/static/"
  </script> 
</head>

<body>
    <div class="main-body">
        <div class="header">
            <div class="header-center">
                <div class="fr center">
                    <ul class="fl menu">
                        <li>
                            <a id="menu_intro" href="#intro">产品介绍</a>
                        </li>
                        <li>
                            <a id="menu_case" href="#case">案例展示</a>
                        </li>
                        <li style="display:none">
                            <a id="menu_price" href="#price">价格</a>
                        </li>
                        <li style="display:none">
                            <a id="menu_down" href="#">下载</a>
                        </li>
                    </ul>
                    <ul class="fr h-btn" style="display:none">
                        <span class="reg-box"><a href="#" style="color:#08b8fd;" class="primary primary_color reg">登录</a></span>
                        <a href="#" class="comm-btn warn ml15 login">注册</a>
                    </ul>
                </div>
                <div class="video fl">
                    <a href="#">
                        <img src="./img/logo.png" height="40" title="">
                    </a>
                </div>
                <div class="fr header-nav"><span class="iconfont icon-menu primary primary_color reg"></span></div>
            </div>
            <div class="moblie-menu-layout">
                <div class="menu-header">
                    <div class="video fl">
                        <a href="#">
                            <img src="./img/logo.png" height="40" title="">
                        </a>
                    </div>
                    <span class="iconfont icon-close header-navs"></span>
                </div>
                <ul class="mobile-menu-list">
                    <li style="float:none;">
                        <a id="menu_intro" href="#intro">产品介绍</a>
                    </li>
                    <li style="float:none;">
                        <a id="menu_case" href="#case">案例展示</a>
                    </li>
                    <li style="float:none;display:none;">
                        <a id="menu_price" href="#price">价格</a>
                    </li>
                    <li style="float:none;display:none;">
                        <a id="menu_down" href="#">下载</a>
                    </li>
                </ul>
                <ul class="mobile-btn-list" style="display:none;">
                    <li style="float:none;"><a href="#" class="gradient-btn rigester-btn-mobile register-btn">登录</a>
                    </li>
                    <li style="float:none;"><a href="#" class="gradient-btn rigester-btn-mobile register-btn">注册</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="swiper-slide-background">
            <div class="wrap-grey section-product margin-fix" id="section-product" style="background-color: #69f">
                <div class="product-slides swiper-container swiper-container-horizontal swiper-container-fade">
                    <div class="swiper-wrapper" style="transition-duration: 0ms;">
                        <div class="swiper-slide swiper-slide-active swiper-slide-lun" style="background: url(./img/lunbo.png) no-repeat center center;" onclick="window.open('#', '_blank')"></div>
                        <!-- <div class="swiper-slide swiper-slide-lun " style="background: url(./img/freewxa.jpg) no-repeat center center; " onclick="window.open('#', '_blank')"></div>
                        <div class="swiper-slide swiper-slide-lun" style="background: url(./img/qingful-wxa.jpg) no-repeat center center;" onclick="window.open('#', '_blank')"></div>
                        <div class="swiper-slide swiper-slide-prev swiper-slide-lun" style="background: url(./img/xcxbanner2.jpg) no-repeat center center;" onclick="window.open('#', '_blank')"></div> -->
                    </div>
                    <div class="swiper-pagination"  id="intro"></div>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/swiper.min.js"></script>
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        autoplay: 3000,
        spaceBetween: 30,
        effect: 'fade'
    });
    </script>
    <!-- <div class="sliderbar hidden-xs">
        <div class="sliderbar-qq" style="top: 140px!important">
            <div class="sliderbar-item"></div>
            <img src="./img/qq.png">
        </div>
        <div class="sliderbar-phone" style="top: 210px!important">
            <div class="sliderbar-item"></div>
            <img src="./img/phone.png">
        </div>
        <div class="sliderbar-phone-show" style="top: 210px !important; display: none;">
            客服热线：0371-63337761
        </div>
        <div class="sliderbar-qrcode" style="top: 280px!important">
            <div class="sliderbar-item"></div>
            <img src="./img/qrcode.png">
        </div>
        <div class="sliderbar-qrcode-show" style="top: 280px !important; display: none;">
            <img src="./img/qfxcx.jpg">
        </div>
        <div class="sliderbar-top" style="top: 350px!important">
            <a id="goTop" class="fl" title="去顶部" href="javascript:void(0)"></a>
        </div>
    </div> -->
    
    <div class="section_8cFn33">
        <div class="c-div div_6tJ3m0">
             <h2 class="c-heading heading_3BRX7N">青否云</h2>
     
            <p class="c-paragraph paragraph_NMCvHb">一站式后端云服务解决方案。为H5、小程序
                <br> APP等应用，提供高效、简单、安全的后端云服务支持。</p>
            <img class="c-image image_lqVcYO" 
            src="img/17351114f318e9cb62fe10b7c0d82f3a1_origin.png">
        </div>
    </div>
    <div class="section_vYtvQy">
        <div class="c-div div_wZI4aj">
            <div class="row c-row row_a7jDug">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_m1eemC">
                    <h2 class="c-heading heading_o4NM2M">开发效率</h2>
                    <p class="c-heading heading_gWDG4h">无需开发数据库增删改查，登录授权验证，短信
                    </br>验证码等基础功能。</p>
                    <h2 class="c-heading heading_o4NM2M">人员成本</h2>
                    <p class="c-heading heading_gWDG4h">无需运维人员，后端仅需要设计数据库，编写接
                    </br>口文档等功能的人员。</p>
                    <h2 class="c-heading heading_o4NM2M">运维时间</h2>
                    <p class="c-heading heading_gWDG4h">无需搭建服务器，也无需运维，运维自动化，时
                    </br>间节省100%。</p>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_IlLtYL">
                    <img class="c-image image_QgcUN7" id="imgs1" src="img/b487f61b934d3521ff51b742cf4a395a1_origin.png">
                </div>
            </div>
        </div>
    </div>
    <div class="section_vYtvQy column_color">
        <div class="c-div div_wZI4aj">
            <div class="row c-row row_a7jDug">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_IlLtYL">
                    <img class="c-image image_QgcUN7" id="imgs2" src="img/ca85c1e6449e94ac4985bdf85db37d711_origin.png">
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_m1eemC">
                    <h2 class="c-heading heading_o4NM2M1">SDK集成</h2>
                    <p class="c-heading heading_gWDG4h1">SDK一键集成，极速部署，辅助开发文档，开发
                    </br>范例等快速上手开发。</p>
                    <h2 class="c-heading heading_o4NM2M1">API接口</h2>
                    <p class="c-heading heading_gWDG4h1">API接口采用REST设计方案，拥有结构清晰、符
                    </br>合标准、易于理解、扩展方便等特性。</p>
                    <h2 class="c-heading heading_o4NM2M1">CDN加速</h2>
                    <p class="c-heading heading_gWDG4h1">CDN加速内置，融合主流CDN，加速传输，助
                    </br>力内容极速抵达用户。</p>
                </div>
            </div>
        </div>
    </div>
    <div class="section_vYtvQy">
        <div class="c-div div_wZI4aj">
            <div class="row c-row row_a7jDug">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_m1eemC">
                    <h2 class="c-heading heading_o4NM2M">JWT授权</h2>
                    <p class="c-heading heading_gWDG4h">JWT是JSON风格轻量级的授权和身份认证规范
                    </br>可实现无状态、分布式的应用授权。</p>
                    <h2 class="c-heading heading_o4NM2M">HTTPS传输</h2>
                    <p class="c-heading heading_gWDG4h">HTTPS是加密传输协议，能够有效的保护网站
                    </br>用户的隐私信息安全。</p>
                    <h2 class="c-heading heading_o4NM2M">SLA标准</h2>
                    <p class="c-heading heading_gWDG4h">
                    SLA可靠性不低于99.95%，并且具备完善的故
                    </br>障监控、自动告警、快速恢复等应急响应机制。</p>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_IlLtYL">
                    <img class="c-image image_QgcUN7" id="imgs3" src="img/17135f55e23a56a6cda81d972395035d1_origin.png">
                </div>
            </div>
        </div>
    </div>
    <div class="section_vYtvQZ column_color">
        <div class="c-div div_uk3Mpu">
            <img class="c-image image_bZ3Kzx" src="img/3f76dab03c7c64572f35af7fdb1623bc1_origin.png">
        </div>
        <div class="c-div div_KO3rP6">
            <div class="c-div div_Pfv6sF">
                 <h2 class="c-heading heading_3BRX7Nm">我们致力于提供一个安全可靠，简单高效的平台</h2>
            </div>
            <div class="c-div div_YXW1lO">
                <ul class="c-list list_opJP5E">
                    <li class="c-listitem listitem_spixa7">
                        <h2 class="c-heading heading_m3V4CS">99.95<span class="heading_m3V4CG">%</span></h2>
                        <p class="c-paragraph paragraph_NMCvHA">系统可靠性</p>
                        <h2 class="c-heading heading_m3V4CG heading_m3V4CZ">安全可靠</h2>
                        <p class="c-paragraph paragraph_NMCvHC">多年技术经验，实现全方位检测，轻松应对高
                        </br>并发、大流量、大数据。</p>
                    </li>
                    <li class="c-listitem listitem_spixa7">
                        <h2 class="c-heading heading_m3V4CS">< 200<span class="heading_m3V4CG">毫秒</span></h2>
                        <p class="c-paragraph paragraph_NMCvHA">服务平均响应</p>
                        <h2 class="c-heading heading_m3V4CG heading_m3V4CZ">简单高速</h2>
                        <p class="c-paragraph paragraph_NMCvHC">极简的接入方式，实现高速响应，有效节省开
                        </br>发的时间，提高开发效率。</p>
                    </li>
                    <li class="c-listitem listitem_spixa7">
                        <h2 class="c-heading heading_m3V4CS">1200<span class="heading_m3V4CG">QPS</span></h2>
                        <p class="c-paragraph paragraph_NMCvHA">每秒处理数</p>
                        <h2 class="c-heading heading_m3V4CG heading_m3V4CZ">专业精准</h2>
                        <p class="c-paragraph paragraph_NMCvHC">依靠多年技术成果，为数据处理、文件存储等
                        </br>工作提供更专业的处理方案。</p>
                    </li>
                    <!-- <li class="c-listitem listitem_spixa7">
                        
                    </li>
                    <li class="c-listitem listitem_spixa7">
                        
                    </li>
                    <li class="c-listitem listitem_spixa7">
                        
                    </li> -->
                </ul>
            </div>
        </div>
    </div>
    <div class="container-fluid c-section section_oC21Ot c-scrollIn " data-c_tl_id="M_995342a3062c4ca0" id="section_dd3a1d8f">
        <div class="c-div div_VS3uzB">
            <div class="c-div div_Pfv6sF">
                 <h2 class="c-heading heading_3BRX7NA">提供的服务</h2>
            </div>
            <div class="row c-row row_zKQdUE">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_x1kfAm">
                    <img id="img" class="c-image image_dIc677" data-c_cssani="zoomIn|1|1|0" src="img/97c067701ac5f7e79b2772ccabc254967_origin.png" style="animation-delay: 0s; animation-duration: 0s;">
                    <div class="textblock_aHFBun" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h3 class="c-heading heading_m3V4CD">技术培训</h3>
                        <p class="c-paragraph paragraph_NMCvHF tl">青否云架构师提供全方位技术指导和培训
                        </br>助力企业快速上手！</p>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_YHELKO">
                    <img id="img1" class="c-image image_dIc677" data-c_cssani="zoomIn|1|1|0" src="img/a6dfa20c982ec8e9e329ec89b902a0b81_origin.png" style="animation-delay: 0s; animation-duration: 0s;">
                    <div class="textblock_aHFBun" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h3 class="c-heading heading_m3V4CD">技术支持</h3>
                        <p class="c-paragraph paragraph_NMCvHF tl">专属技术团队24小时待命，随时随地提
                        </br>供技术支持。</p>
                    </div>
                </div>
            </div>
            <div class="row c-row row_zKQdUE">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_0GAfzP">
                    <img id="img2" class="c-image image_dIc677" data-c_cssani="zoomIn|1|1|0" src="img/fb2002ed48e09fd9b1ac8d6186de967c3_origin.png" style="animation-delay: 0s; animation-duration: 0s;">
                    <div class="textblock_aHFBun" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h3 class="c-heading heading_m3V4CD">私有云服务</h3>
                        <p class="c-paragraph paragraph_NMCvHF tl">青否云为企业提供私有云部署服务，在数
                        </br>据储存、可靠性、安全性等方面更有保证
                        </br>免除企业发展的后顾之忧！</p>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 c-column column_mdlDg3">
                    <img id="img3" class="c-image image_dIc677" data-c_cssani="zoomIn|1|1|0" src="img/3dfd3e39c7c9e15497b8490edbec839f7_origin.png" style="animation-delay: 0s; animation-duration: 0s;">
                    <div class="textblock_aHFBun" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h3 class="c-heading heading_m3V4CD">咨询指导</h3>
                        <p class="c-paragraph paragraph_NMCvHF tl">青否技术专家拥有多年的丰富技术经验
                        </br>企业可以获得技术架构、设计方案在内
                        </br>的全面技术咨询、指导！</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid c-section section_8yH8M0 c-scrollIn column_color" data-c_tl_id="M_995342a3062c4ca0" id="price" style="display:none">
        <div class="c-div div_VS3uAB">
            <div class="c-div div_Pfv6sF">
                 <h2 class="c-heading heading_3BRX7NB">选择你想要的版本</h2>
            </div>
            <div class="row c-row row_zKQdUE">
                <div id="person" class="col-lg-4 col-md-4 col-sm-4 col-xs-4 c-column column_x1kfAD">
                    <div class="textblock_aHFBNU" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h2 class="c-heading heading_m3V4CF">个人版</h2>
                        <p class="c-heading heading_gWDG4J">适用于创业和种子项目</p>
                        <a><p class="c-heading heading_gWDG4G">联系客服</p></a>
                        <div class="heading_tl tl">
                            <p>用户数</p>
                            <p>用户数</p>
                            <p>用户数</p>
                        </div>
                        <div class="heading_tr tr">
                            <p>无上限</p>
                            <p>用户数</p>
                            <p>用户数</p>
                        </div>
                    </div>
                </div>
                <div id="bus" class="col-lg-4 col-md-4 col-sm-4 col-xs-4 c-column column_x1kfAD">
                    <div class="textblock_aHFBNU" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h2 class="c-heading heading_m3V4CF">企业版</h2>
                        <p class="heading_gWDG4J">适用于创业和种子项目</p>
                        <a><p class="c-heading heading_gWDG4G">联系客服</p></a>
                        <div class="heading_tl tl">
                            <p>用户数</p>
                            <p>用户数</p>
                            <p>用户数</p>
                        </div>
                        <div class="heading_tr tr">
                            <p>无上限</p>
                            <p>用户数</p>
                            <p>用户数</p>
                        </div>
                    </div>
                </div>
                <div id="exc" class="col-lg-4 col-md-4 col-sm-4 col-xs-4 c-column column_x1kfAD">
                    <div class="textblock_aHFBNU" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h2 class="c-heading heading_m3V4CF">独享版</h2>
                        <p class="heading_gWDG4J">适用于创业和种子项目</p>
                        <a><p class="c-heading heading_gWDG4G">联系客服</p></a>
                        <div class="heading_tl tl">
                            <p>用户数</p>
                            <p>用户数</p>
                            <p>用户数</p>
                        </div>
                        <div class="heading_tr tr">
                            <p>无上限</p>
                            <p>用户数</p>
                            <p>用户数</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid c-section section_vYtvQY c-scrollIn" data-c_tl_id="M_995342a3062c4ca0" id="case" >
        <div class="c-div div_VS3uzB" >
            <div class="c-div div_Pfv6sF">
                 <h2 class="c-heading heading_3BRX7NA">案例展示</h2>
            </div>
            <div class="row c-row row_zKQdUE">
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 c-column column_x1kfAN">
                    <img class="c-image image_dIc677 image-ZxcvaA" data-c_cssani="zoomIn|1|1|0" src="img/58同城.jpg" style="animation-delay: 0s; animation-duration: 0s;">
                    <div class="textblock_aHFBun" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h3 class="c-heading heading_m3V4CB">58同城</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 c-column column_YHELKQ">
                    <img class="c-image image_dIc677 image-ZxcvaA" data-c_cssani="zoomIn|1|1|0" src="img/智慧餐饮.jpg" style="animation-delay: 0s; animation-duration: 0s;">
                    <div class="textblock_aHFBun" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h2 class="c-heading heading_m3V4CB">智慧餐饮</h2>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 c-column column_0GAfzZ">
                    <img class="c-image image_dIc677 image-ZxcvaA" data-c_cssani="zoomIn|1|1|0" src="img/智慧零售.jpg" style="animation-delay: 0s; animation-duration: 0s;">
                    <div class="textblock_aHFBun" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h2 class="c-heading heading_m3V4CB">智慧零售</h2>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 c-column column_mdlDg6">
                    <img class="c-image image_dIc677 image-ZxcvaA" data-c_cssani="zoomIn|1|1|0" src="img/todos.jpg" style="animation-delay: 0s; animation-duration: 0s;">
                    <div class="textblock_aHFBun" data-c_cssani="zoomIn|1|1|0" style="animation-delay: 0s; animation-duration: 0s;">
                        <h2 class="c-heading heading_m3V4CB">Todos</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="f-box small-font tc">
            <div class="copy grey">
                <p>Copyright © 2017 qingful.com All Rights Reserved 豫ICP备16009619号 </p>
            </div>
        </div>
    </div>
    <div style="display: none">
        <script src="https://s13.cnzz.com/z_stat.php?id=1262093105&web_id=1262093105" language="JavaScript"></script>
    </div>
</body>
<script>
    // 技术培训 
    $(document).ready(function(){ 
        var newImage = new Image(); //预载入图片 
        var oldImage = $('#img').attr('src'); 
        newImage.src = './img/97c067701ac5f7e79b2772ccabc254968_origin.png';  
        $('#img').hover(function(){ //鼠标滑过图片切换 
            $('#img').attr('src',newImage.src); 
        }, 
        function(){ 
            $('#img').attr('src',oldImage); 
        }); 
    });
    // 技术支持 
    $(document).ready(function(){ 
        var newImage = new Image(); //预载入图片 
        var oldImage = $('#img1').attr('src'); 
        newImage.src = './img/a6dfa20c982ec8e9e329ec89b902a0b82_origin.png';  
        $('#img1').hover(function(){ //鼠标滑过图片切换 
            $('#img1').attr('src',newImage.src); 
        }, 
        function(){ 
            $('#img1').attr('src',oldImage); 
        }); 
    }); 
    // 私有云服务
    $(document).ready(function(){ 
        var newImage = new Image(); //预载入图片 
        var oldImage = $('#img2').attr('src'); 
        newImage.src = './img/fb2002ed48e09fd9b1ac8d6186de967c4_origin.png';  
        $('#img2').hover(function(){ //鼠标滑过图片切换 
            $('#img2').attr('src',newImage.src); 
        }, 
        function(){ 
            $('#img2').attr('src',oldImage); 
        }); 
    });
    // 咨询指导
    $(document).ready(function(){ 
        var newImage = new Image(); //预载入图片 
        var oldImage = $('#img3').attr('src'); 
        newImage.src = './img/3dfd3e39c7c9e15497b8490edbec839f8_origin.png';  
        $('#img3').hover(function(){ //鼠标滑过图片切换 
            $('#img3').attr('src',newImage.src); 
        }, 
        function(){ 
            $('#img3').attr('src',oldImage); 
        }); 
    });
    
</script>
</html>
